<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>d3练手</title>
    <link rel="stylesheet" href="../css/index.css">
</head>
<body>
<div class="rules">

</div>
<div class="blackborad">
    <div class="svgCotain">

    </div>
    <div class="activeNode">
        <div class="nodes">
            node1
        </div>
        <div class="nodes">
            node2
        </div>
        <div class="nodes">
            node3
        </div>
        <div class="nodes">
            node4
        </div>
    </div>
</div>




<!--所有的拖拽球-->
<script type="text/template" id="ciNodes">
  {{for(var i = 0 ; i < it.nodes.length ; i++){ }}
    <div title="{{= it.nodes[i].name}}" class="nodes">
        {{= it.nodes[i].name}}
    </div>
  {{}}}
</script>



<script src="../../../lib/jquery-2.2.3.js"></script>
<script src="../../../lib/doT.js"></script>
<script src="../../../lib/d3.js"></script>
<script src ='../js/data.js' ></script>
<script src ='../js/index.js'></script>
</body>
</html>